import React, { Component } from 'react';

import { List } from 'react-virtualized';

// List data as an array of strings
const list = Object.keys(String(new Array(101)));

// 会在 List组件 循环调用
function rowRenderer({ key, index, isScrolling, isVisible, style, }) {
  return (
    // 类似以前自己写的map 中的函数  value item 
    <div key={key} style={style}>
      --{list[index]}--
    </div>
  );
}

class ReactList extends Component {
  state = {}
  render() {
    return (
      <List
        // List的宽度
        width={300}
        // List的高度
        height={300}
        // 数组的长度
        rowCount={list.length}
        // 每一行的高度
        rowHeight={40}
        // 如何渲染每一行标签
        rowRenderer={rowRenderer}
      />);
  }
}

export default ReactList;

